{{ content() }}
<div id="dialog" title="Basic dialog" style="display: none;">
</div>
<div id="main1">
    <div class="outer_profile">

        <div class="content_left">
            <div class="outterAva">
                <div class="boxAva">
                    <a href="">
                        <img height="48" src="{{url('public/img/bookprofile.jpg')}}" width="148"></a></div>
                <p style="text-align:center">{{userfullname}}</p>                  
            </div>
            <div class="menuTT1">
                <a href="{{url('profile')}}">Thông tin cá nhân</a>
            </div>           
            <div class="menuTT2">
                <a href="{{url('downhistory')}}">Lịch sử Download</a>
            </div>
            <div class="menuTT2">
                <a href="{{url('uploadhistory')}}">Lịch sử Upload</a>
            </div>
            <div class="menuTT3">
                <a href="{{url('recharge')}}">Nạp tiền</a>
            </div>
            <div class="menuTT3">
                <a href="{{url('exchange')}}">Lịch sử giao dịch</a>
            </div>

        </div>
        <div class="content_right">
            <div id="mainInfo">
                <div class="topRight">
                    <span class="recharge">Nạp tiền</span>

                </div>  
                <div class="thongbao">
                    <p>
                        Tài khoản của bạn còn: <span style="color: red">{{balance}} Xu</span> và có hiệu lực đến trước ngày: <span style="color: red">{{expired}}</span>
                    </p> 
                </div>
                <div class="guide_charge">
                    <div class="guide_title"> 
                        <span>1. Nạp tiền thông qua THẺ CÀO DI ĐỘNG</span>
                    </div>                                                                                               
                    <div class="errcont">
                        <p class="textleft marginbottom10 thecao">
                            Bạn có thể mua thẻ cào di động được bán ở hầu hết các cửa hàng điện thoại di động trên toàn quốc và sử dụng thẻ cào để nhập đầy đủ các thông tin theo form mẫu bên dưới.<br>                           
                        </p>
                        <div class="methodleft w410">
                            <div class="fleft">
                                {{form('id':'rechargeForm')}}
                                {{form.messages('form')}}
                                <div class="caopc">
                                    <div class="caodt1">Thẻ cào:</div>
                                    <div class="caodt2">
                                        <input value="3" checked="checked" type="radio" name="rthecao" class="marginright5"> <img src="{{url('public/img/icon_viettel.png')}}">
                                        <input value="2" type="radio" name="rthecao" class="marginright5"> <img src="{{url('public/img/logo_mobifone.png')}}">
                                        <input value="1" type="radio" name="rthecao" class="marginright5"> <img src="{{url('public/img/icon_vina.jpg')}}">
                                    </div>
                                </div>
                                <div class="caopc">
                                    <div class="caodt1">{{form.label('pin')}}:</div>
                                    <div class="caodt2 input">{{form.render('pin')}}{{form.messages('pin')}}</div>
                                </div>
                                <div class="caopc">
                                    <div class="caodt1">{{form.label('serial')}}:</div>
                                    <div class="caodt2 input">{{form.render('serial')}}{{form.messages('serial')}}</div>
                                </div>
                                <div class="caopc">
                                    <div class="caodt1">Mã xác nhận:</div>
                                    <div class="capcha">                                        
                                        {{captcha.get('6LcE-PcSAAAAADmGeqe99Hgy-Ela3GIim9AFYBmd')}}
                                        {{form.messages('captcha')}}
                                    </div>
                                </div>
                                <div class="caopc">
                                    <div class="fleft">
                                        <button class="button"> Nạp thẻ</button> 
                                    </div>
                                </div>
                                {{ form.render('csrf', ['value': security.getToken()]) }}
                                {{form.messages('crsf')}}
                                {{ endform()}}
                            </div>
                        </div>
                    </div>

                </div>
                <div class="guide_charge">
                    <div class="guide_title"> 
                        <span>2. Đổi ePoints</span>
                    </div>  
                    <div class="epoints">                        
                        <div class="thongbao">                           
                            <p style="padding-top:0px">
                                Tài khoản của bạn hiện có  <span style="color: red">{{point}}</span> ePoints.
                            </p>
                            <div class="">
                                <select id="rechargepoint" name="" class="">
                                    <option value="100">Chuyển đổi 100 ePoints</option>
                                    <option value="200">Chuyển đổi 200 ePoints</option>
                                    <option value="300">Chuyển đổi 300 ePoints</option>
                                </select>
                                <button id="rechargebypoint" class="button"> Chuyển đổi</button>
                            </div>
                            <div class="img_epoint">
                                <img src="{{url('public/img/epoints.png')}}">
                            </div>
                        </div>
                    </div>

                </div>
<!--                <div class="guide_charge">
                    <div class="guide_title"> 
                        <span>3. Nạp tiền thông qua ngân lượng</span>
                    </div>  
                    <div class="nganluong">                        
                        Bạn có thể nạp tiền vào tài khoản thông qua Ngân Lượng. Sau khi nạp tiền thành công, tài khoản của bạn sẽ được cộng số lượt download và ngày tương ứng.
                    </div>
                    <div class="nganluong">
                        <select id="" name="" class="">
                            <option value="vip5">Nạp 10.000đ</option>
                            <option value="vip10">Nạp 20.000đ</option>
                            <option value="vip15">Nạp 50.000đ</option>
                            <option value="vip15">Nạp 100.000đ</option>
                        </select>
                        <button class="button"> Nạp</button>
                    </div>

                </div>-->

            </div>

        </div>
    </div>

</div>
{{javascript_include('js/recharge.js')}}